<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet"
	href="../lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>建材列表</title>
</head>
<body class="pos-r">
	<!-- <div class="pos-a"
		style="width: 150px; left: 0; top: 0; bottom: 0; height: 100%; border-right: 1px solid #e5e5e5; background-color: #f5f5f5">
		<ul id="treeDemo" class="ztree">
		</ul>
	</div> -->
	<div style="margin-left: 150px;">
		<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>
		产品管理 <span class="c-gray en">&gt;</span> 产品列表 <a
			class="btn btn-success radius r mr-20"
			style="line-height: 1.6em; margin-top: 3px"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="Hui-iconfont">&#xe68f;</i></a></nav>
		<div class="pd-20">
			<div class="text-c">
		<!-- 		日期范围： <input type="text"
					onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}'})"
					id="logmin" class="input-text Wdate" style="width: 120px;">
				- <input type="text"
					onfocus="WdatePicker({minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d'})"
					id="logmax" class="input-text Wdate" style="width: 120px;"> -->
				<input type="text"  id="goods" placeholder=" 产品名称"
					style="width: 250px" class="input-text">
				<button name="" id="success" class="btn btn-success" type="button">
					<i class="Hui-iconfont">&#xe665;</i> 搜产品
				</button>
				
			</div>
			<div class="cl pd-5 bg-1 bk-gray mt-20">
				<span class="l"><a href="javascript:;" onclick="datadel()"
					class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i>
						批量删除</a> <a class="btn btn-primary radius"
					onclick="product_add('添加产品','product-add.html')"
					href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加产品</a></span> <span
					class="r">共有数据：<strong>54</strong> 条
				</span>
			</div>
			<div class="mt-20">
				<table
					class="table table-border table-bordered table-bg table-hover table-sort">
					<thead>
						<tr class="text-c">
							<th width="40"><input name="" type="checkbox" value=""></th>
							<th width="40">ID</th>
							<th width="60">缩略图</th>
							<th width="100">产品名称</th>
							<th>描述</th>
							<th width="100">单价</th>
							<th width="60">发布状态</th>
							<th width="100">操作</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${productList}" var="product">
							<tr class="text-c va-m">
								<td><input name="" type="checkbox" value=""></td>
								<td>${product.goodsId }</td>
								<td><a
									onClick="product_show('哥本哈根橡木地板','product-show.html','10001')"
									href="javascript:;"><img width="60" class="product-thumb"
										src="pic/product/Thumb/6204.jpg"></a></td>
								<td class="text-l"><a style="text-decoration: none"
									onClick="product_show('哥本哈根橡木地板','product-show.html','10001')"
									href="javascript:;"><img title="国内品牌"
										src="images/gq/cn.gif"> <!-- <b class="text-success">圣象</b> -->
										${product.goodsName}</a></td>
								<td class="text-l"></td>
								<td><span class="price">${product.goodsPrice}</span>元</td>
								<!-- label label-defaunt radius -->
								<c:if test="${product.stateId==1}">
									<td class="td-status"><span
										class="label label-success radius"> 上架</span></td>
								</c:if>
								<c:if test="${product.stateId==2}">
									<td class="td-status"><span
										class="label label-defaunt radius"> 下架</span></td>
								</c:if>

								<!-- &#xe603; -->
								<td class="td-manage"><c:if test="${product.stateId==1}">
										<a class="product"  id="${product.goodsId}" style="text-decoration: none"
											onClick="product_stop(this,'${product.goodsId}')"
											href="javascript:;" title="下架"> <i class="Hui-iconfont">
												&#xe6de; </i>
										</a>
									</c:if> <c:if test="${product.stateId==2}">
										<a class="product" id="${product.goodsId}" style="text-decoration: none"
											onClick="product_start(this,'${product.goodsId}')"
											href="javascript:;" title="上架"> <i class="Hui-iconfont">
												&#xe603; </i>
										</a>
									</c:if><%--  --%>
									<a style="text-decoration: none" class="ml-5"
									goodsId="${product.goodsId}" onClick="product_edit('产品编辑','product-add.jsp','${product.goodsId}')" id="modify" href="javascript:;"
									title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a> <a
									style="text-decoration: none" class="ml-5"
									onClick="product_del(this,${product.goodsId})"
									href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="../lib/layer/1.9.3/layer.js"></script>
	<script type="text/javascript"
		src="../lib/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript"
		src="../lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript"
		src="../lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
	<script type="text/javascript" src="../js/H-ui.js"></script>
	<script type="text/javascript" src="../js/H-ui.admin.js"></script>
	<script type="text/javascript" src="../js/product.js"></script>
	<script type="text/javascript">
var setting = {
	view: {
		dblClickExpand: false,
		showLine: false,
		selectedMulti: false
	},
	data: {
		simpleData: {
			enable:true,
			idKey: "id",
			pIdKey: "pId",
			rootPId: ""
		}
	},
	callback: {
		beforeClick: function(treeId, treeNode) {
			var zTree = $.fn.zTree.getZTreeObj("tree");
			if (treeNode.isParent) {
				zTree.expandNode(treeNode);
				return false;
			} else {
				demoIframe.attr("src",treeNode.file + ".html");
				return true;
			}
		}
	}
};

var zNodes =[
	{ id:1, pId:0, name:"一级分类", open:true},
	{ id:11, pId:1, name:"二级分类"},
	{ id:111, pId:11, name:"三级分类"},
	{ id:112, pId:11, name:"三级分类"},
	{ id:113, pId:11, name:"三级分类"},
	{ id:114, pId:11, name:"三级分类"},
	{ id:115, pId:11, name:"三级分类"},
	{ id:12, pId:1, name:"二级分类 1-2"},
	{ id:121, pId:12, name:"三级分类 1-2-1"},
	{ id:122, pId:12, name:"三级分类 1-2-2"},
];
		
var code;
		
function showCode(str) {
	if (!code) code = $("#code");
	code.empty();
	code.append("<li>"+str+"</li>");
}
		
$(document).ready(function(){
	var t = $("#treeDemo");
	t = $.fn.zTree.init(t, setting, zNodes);
	demoIframe = $("#testIframe");
	demoIframe.bind("load", loadReady);
	var zTree = $.fn.zTree.getZTreeObj("tree");
	zTree.selectNode(zTree.getNodeByParam("id",'11'));
});

$('.table-sort').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  {"orderable":false,"aTargets":[0,7]}// 制定列不参与排序
	]
});
/*图片-添加*/
function product_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-查看*/
function product_show(title,url,id){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-审核*/
function product_shenhe(obj,id){
	layer.confirm('审核文章？', {
		btn: ['通过','不通过'], 
		shade: false
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布', {icon:6,time:1000});
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
		$(obj).remove();
    	layer.msg('未通过', {icon:5,time:1000});
	});	
}
/* 判断是否上下架 */

/*图片-下架*/
 
 function soldGoods(id){
	 $.ajax({
         "url": "product.do?method=sold",  //要提交的URL路径
         "type"      : "post",           //发送请求的方式
         "data"      :  {goodsId:id},  //要发送到服务器的数据 
         "dataType"  : "text",
         "success"   : function(data){
        	
         },
          "error"    : function(){
         	 
          }
          })
}
 
function product_stop(obj,id){
	//alert(id);
	    layer.confirm('确认要下架吗？',function(index){   	
	    $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_start(this,id)" href="javascript:;" title="发布" id="'+id+'"><i class="Hui-iconfont">&#xe603;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
		$(obj).remove();
		 soldGoods(id);
		
		layer.msg('已下架!',{icon: 5,time:1000});
		
	});
	   
}

/*图片-发布*/
 function shelfGoods(id){
	 $.ajax({
         "url": "product.do?method=shelf",  //要提交的URL路径
         "type"      : "post",           //发送请求的方式
         "data"      :  {goodsId:id},  //要发送到服务器的数据 
         "dataType"  : "text",
         "success"   : function(data){
         	
         },
          "error"    : function(){
         	 
          }
          })
}
 
function product_start(obj,id){
	//alert(id);
	layer.confirm('确认要发布吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_stop(this,id)" href="javascript:;" title="下架" id="'+id+'"><i class="Hui-iconfont">&#xe6de;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		shelfGoods(id);
		layer.msg('已上架!',{icon: 6,time:1000});
		
	});
}
/*图片-申请上线*/
function product_shenqing(obj,id){
	$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
	$(obj).parents("tr").find(".td-manage").html("");
	layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
}
/*图片-编辑*/
 	function ProductById(id){
	      
		  $.ajax({
		                "url": "product.do?method=productById",  //要提交的URL路径
		                "type"      : "post",           //发送请求的方式
		                "data"      :  {goodsId:id},  //要发送到服务器的数据 
		                "dataType"  : "text",
		                "success"   : function(data){
		                	
		                },
		                 "error"    : function(){
		                	 
		                 }
		                 })
		     
			}
function product_edit(title,url,id){
	ProductById(id);
	var index = layer.open({
		type: 2,
		title: title,	
		content: url
	});
	layer.full(index);
	
}
/*图片-删除*/
function product_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}
</script>
</body>
</html>